<!DOCTYPE html>
<html>

<head>
    
    <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="referrer" content="no-referrer">

<meta name="description" content="A new Hugo site.">
<title>
    Image post - dashjay
</title>



<link rel="shortcut icon" href="/sam.ico">








<link rel="stylesheet" href="/css/main.min.4321edce0de245f4b1d32680d89ac669940fe5dec17e1791c721d9a0954987b4.css" integrity="sha256-QyHtzg3iRfSx0yaA2JrGaZQP5d7BfheRxyHZoJVJh7Q=" crossorigin="anonymous" media="screen">





<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Didact+Gothic">

<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="/posts/ideas.png"/>

<meta name="twitter:title" content="Image post"/>
<meta name="twitter:description" content="Hello! I&rsquo;m a blog post with an image. Thanks to Open Graph and Twitter metadata, external links to this page will feature the image below.
To make this happen, set the images parameter in your post&rsquo;s front-matter, like this YAML example:
images: - /posts/ideas.png "/>

<meta property="og:title" content="Image post" />
<meta property="og:description" content="Hello! I&rsquo;m a blog post with an image. Thanks to Open Graph and Twitter metadata, external links to this page will feature the image below.
To make this happen, set the images parameter in your post&rsquo;s front-matter, like this YAML example:
images: - /posts/ideas.png " />
<meta property="og:type" content="article" />
<meta property="og:url" content="/posts/image-post/" />
<meta property="og:image" content="/posts/ideas.png" />
<meta property="article:published_time" content="2018-02-19T17:41:46+00:00" />
<meta property="article:modified_time" content="2018-02-19T17:41:46+00:00" /><meta property="og:site_name" content="Call me Sam" />


    

    
    
    
    <title>
        
        Image post
        
    </title>
</head>

<body>
    
    
    <header class="wrap flex-container">
        <h1>Image post</h1>
    </header>
    
    <main class="wrap">
        
<div class="flex-container">
    <aside role="complementary">
        Mon Feb 19, 2018 &#183; 44 words
        <div class="tag-container">
            
            
            <span class="tag">
                <a href="/tags/blog/">
                    blog
                </a>
            </span>
            
            
            
            <span class="tag">
                <a href="/tags/story/">
                    story
                </a>
            </span>
            
            
        </div>
    </aside>
    <hr />
    <article role="article">
        <p>Hello! I&rsquo;m a blog post with an image. Thanks to Open Graph and Twitter metadata, external links to this page will feature the image below.</p>
<p><img src="/posts/ideas.png" alt="Ideas"></p>
<p>To make this happen, set the <code>images</code> parameter in your post&rsquo;s <a href="https://gohugo.io/content-management/front-matter/">front-matter</a>, like this YAML example:</p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-yaml" data-lang="yaml"><span style="color:#66d9ef">images</span>:
    - /posts/ideas.png
</code></pre></div>
    </article>
</div>


        
<nav role="navigation" class="flex-container bottom-menu">
    
<hr />
<p>


    
        <a href="/posts">back</a>
        
            &#183;
        
    

    
        
            <a href="/posts">我的文章</a>
        
    
    
        
            &#183; 
            <a href="/gallery">画册</a>
        
            &#183; 
            <a href="/portfolio">珍贵时光</a>
        
            &#183; 
            <a href="/about">关于我</a>
        
    
    &#183; 
    <a href="/">
        main
    </a>

</p>
</nav>

    </main>
    
    <footer class="flex-container footer">I will code for a long time. Would you?</footer>
    
    
</body>

</html>